<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSONP</title>
</head>
<body>
<ul>
    <li><a href="http://kb.cnblogs.com/page/139725/">说说JSON和JSONP</a></li>
    <li>
        <a href="http://www.cnblogs.com/yuwensong/archive/2013/05/28/3103064.html">文章二</a>
    </li>
</ul>

<p>
    Web页面上调用js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是拥有”src”这个属性的标签都拥有跨域的能力，比如script、img、iframe）。
    JSONP，协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。
    ajax的核心是通过XmlHttpRequest获取非本页内容，而jsonp的核心则是动态添加 script 标签来调用服务器提供的js脚本。
    其实ajax与jsonp的区别不在于是否跨域，ajax通过服务端代理一样可以实现跨域，jsonp本身也不排斥同域的数据的获取。
</p>
<script type="text/javascript">
    var localHandler = function(data){
        alert('我是本地函数，可以被跨域的remote.js文件调用，远程js带来的数据是：' + data.result);
    };
</script>
<script src="http://www.sy.com/index.js"></script>
</body>
</html>